mb20/*resetCSS*/

button::after {
	display: none;
	border: none;
}

button {
	background-color: transparent;
}

button:hover {
	background-color: transparent;
}


input {
	outline: none;
	border: none;
	list-style: none;
}

button {
	border: 0;
}

/*common*/
.hidden {
	display: none;
}

.width0 {
	width: 0;
}

.w100 {
	width: 100%;
}

.h100 {
	height: 100%;
}


.inline {
	display: inline-block;
}

.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.ellipsis2 {
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.txt-l{
	text-align: left;
}
.txt-r {
	text-align: right;
}

.txt-c {
	text-align: center;
}

.pos-r {
	position: relative;
}

.pos-a {
	position: absolute;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear::after {
	content: '';
	width: 0;
	height: 0;
	clear: both;
}

.flex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.flex-1 {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.align-items {
	align-items: center;
}

.justify-c {
	justify-content: center;
}

.justify-b {
	justify-content: space-between;
}

.flex-direction-c {
	flex-direction: column;
}

.box-sizing {
	box-sizing: border-box;
}

.inline {
	display: inline-block;
	vertical-align: middle;
}
.mt10{
	margin-top: 10px;
}
.mb10{
	margin-bottom: 10px;
}